<!doctype html>
<html>

<head>
	<meta charset="utf-8">
	<title>首页_皮爷の博客</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="shortcut icon" href="/static/images/bitbug_favicon.ico" type="image/x-icon" />
	<link rel="stylesheet" href="/static/css/comments.css">
	<link href="/static/css/base.css" rel="stylesheet">
	<link href="/static/css/index.css" rel="stylesheet">
	<script src="/static/js/jquery.min.js" type="text/javascript"></script>
	<script src="/static/js/jquery.easyfader.min.js"></script>
	<script src="/static/js/scrollReveal.js"></script>
	<script src="/static/js/wangEditor.js"></script>
	<script src="/static/js/common.js"></script>
	<script src="/static/js/xcConfirm.js"></script>
</head>

<body>
	<header id="header">
		<!--menu begin-->
		<div class="menu">
			<nav class="nav" id="topnav">
				<h1 class="logo"><a href="index.html">皮爷の博客</a></h1>
				<li><a href="index.html">网站首页</a> </li>
				<li><a href="list.html">文章列表</a>
					<ul class="sub-nav">
						<li><a href="list.html">Python</a></li>
						<li><a href="list.html">python Web</a></li>
						<li><a href="list.html">爬虫</a></li>
						<li><a href="list.html">人工智能</a></li>
						<li><a href="list.html">JS实例索引</a></li>
					</ul>
				</li>
				<li><a href="photo.html">我的相册</a>
				</li>
				<li><a href="time.html">时间轴</a> </li>
				<li><a href="gbook.html">留言</a> </li>
				<li><a href="about.html">关于我</a> </li>
				<li><a href="release.html">发表博客</a></li>
			</nav>
		</div>
		<!--menu end-->
		<a href="login.html" id="login" target="_blank">登录</a>
    	<a href="register.html" id="register" target="_blank">注册</a>
		<!--mnav begin-->
		<div id="mnav">
			<h2><a href="index.html" class="mlogo">皮爷の博客</a><span class="navicon"></span></h2>
			<dl class="list_dl">
				<dt class="list_dt"> <a href="index.html">网站首页</a> </dt>
				<dt class="list_dt"> <a href="#">文章列表</a> </dt>
				<dd class="list_dd">
					<ul>
						<li><a href="list.html">Python</a></li>
						<li><a href="list.html">python Web</a></li>
						<li><a href="list.html">爬虫</a></li>
						<li><a href="list.html">人工智能</a></li>
						<li><a href="list.html">JS实例索引</a></li>
					</ul>
				</dd>
				<dt class="list_dt"> <a href="photo.html">我的相册</a> </dt>
				<dt class="list_dt"> <a href="time.html">时间轴</a> </dt>
				<dt class="list_dt"> <a href="gbook.html">留言</a> </dt>
				<dt class="list_dt"> <a href="about.html">关于我</a> </dt>
			</dl>
		</div>
		<!--mnav end-->
	</header>


	<article>
		<h1 class="t_nav">
			<p class="n1">文章</p>
		</h1>
		<div class="infosbox">
			<div class="newsview">
				<h3 class="news_title">{{params.topic.title}}</h3>
				<div class="bloginfo">
					<ul>
						<li class="author"><a href="#">{{params.topic.user.uname}}</a></li>
						<li class="lmname"><a href="#">{{params.topic.category.cate_name}}</a></li>
						<li class="timer">{{params.topic.pub_date}}</li>
						<li class="view">{{params.topic.read_num}}</li>
						<li class="like">{{params.topic.voke_users.count()}}</li>
					</ul>
				</div>
				<div class="tags"><a href="#" target="_blank">个人博客</a> &nbsp; <a href="#" target="_blank">小世界</a></div>
				<div class="news_about"><strong>简介</strong>web.py 是一个Python 的web 框架，它简单而且功能强大。web.py
					是公开的，无论用于什么用途都是没有限制的。而且相当的小巧，应当归属于轻量级的web 框架。但这并不影响web.py 的强大，而且使用起来很简单、很直接。</div>
				<div class="news_con">{{params.topic.content}}</div>
			</div>
			<div class="share">
				<p class="diggit">
					<a href="#">
						很赞哦！ 
					</a>(<b id="diggnum">13</b>)
				</p>
				<p class="dasbox"><a href="#" class="dashang" title="打赏，支持一下">打赏本站</a></p>
				<div class="hide_box"></div>
			</div>
			<div class="nextinfo">
				<p>上一篇：<a href="info.html">作为一个设计师,如果遭到质疑你是否能恪守自己的原则?</a></p>
				<p>下一篇：<a href="list.html">返回列表</a></p>
			</div>
			<div class="news_pl">
				<h2>文章评论</h2>
				<ul>
					<div class="gbko">

						<div class="l_box f_l" style="padding:20px;">
							<div class="commentstitle">
								<h3 id="comments">到现在<span class="commentsnumber">有30条评论</span></h3>
							</div>
							<ol class="commentlist">
								<!--先遍历父级评论-->
								<li>
									<div class="top"><a href='#'  class='url'>qudaodao</a>
										<span class="time"> @
											<a href="#" title="">2018-09-10 9:38</a>
											<a href="#" class="replyComment">回复</a>
										</span>
									</div>
									<div><img alt='' src='/static/images/02.jpg' class='commentAvatar avatar-32 commentPhoto' height='32' width='32' /></div>
									<div class="body">
										<p>写的很好，长得很帅</p>
									</div>
								</li>
								<!--如果父级评论有子评论，就把子评论输出-->
								<li>
									<div class="reply">
										<div class="top">
											<a href="#" class="url">pipilu</a>
											<span class="time">
												@ <a href="#" title="">2018-09-10 9:38</a>
											</span>
										</div>
										<div><img alt="" src="/static/images/01.jpg" class="commentAvatar avatar-32 commentPhoto" height="32" width="32"></div>
										<div class="body">楼上说的对</div>
									</div>
								</li>
							</ol>
							<ol class="commentlist">
								<!--先遍历父级评论-->
								<li>
									<div class="top"><a href='#' rel='external nofollow' class='url'>qudaodao</a><span class="time"> @
											<a href="#" title="">2018-09-10 9:38</a><a href="#" class="replyComment">回复</a></span></div>
									<div><img alt='' src='/static/images/01.jpg' class='commentAvatar avatar-32 commentPhoto' height='32' width='32' /></div>
									<div class="body">
										<p>真知灼见</p>
									</div>
								</li>
								<!--如果父级评论有子评论，就把子评论输出-->
								<li>
									<div class="reply">
										<div class="top"><a href="#" class="url">pipilu</a><span class="time">
												@ <a href="#" title="">2018-09-10 9:38</a></span></div>
										<div><img alt="" src="/static/images/02.jpg" class="commentAvatar avatar-32 commentPhoto" height="32" width="32"></div>
										<div class="body">楼上说的对</div>
									</div>
								</li>
								<!--如果父级评论有子评论，就把子评论输出-->
								<li>
									<div class="reply">
										<div class="top"><a href="#" rel="external nofollow" class="url">pipilu</a><span class="time">
												@ <a href="#" title="">2018-09-10 9:38</a></span></div>
										<div><img alt="" src="/static/images/03.jpg" class="commentAvatar avatar-32 commentPhoto" height="32" width="32"></div>
										<div class="body">楼上说的对</div>
									</div>
								</li>
							</ol>
							<ol class="commentlist">
								<!--先遍历父级评论-->
								<li>
									<div class="top"><a href='#' class='url'>qudaodao</a><span class="time"> @
											<a href="#" title="">2018-09-10 9:38</a><a href="#" class="replyComment">回复</a></span></div>
									<div><img alt='' src='/static/images/04.jpg' class='commentAvatar avatar-32 commentPhoto' height='32' width='32' /></div>
									<!-- <div><img alt='' src='images/01.jpg' class='avatar avatar-32 photo' height='32' width='32' /></div> -->
									<div class="body">
										<p>没毛病老铁</p>
									</div>
								</li>
								<!--如果父级评论有子评论，就把子评论输出-->
								<li>
									<div class="reply">
										<div class="top"><a href="#" rel="external nofollow" class="url">pipilu</a><span class="time">
												@ <a href="#" title="">2018-09-10 9:38</a></span></div>
										<div><img alt="" src="/static/images/05.jpg" class="commentAvatar avatar-32 commentPhoto" height="32" width="32"></div>
										<!-- <div><img alt="" src="images/03.jpg" class="avatar avatar-32 photo" height="32" width="32"></div> -->
										<div class="body">楼上说的对</div>
									</div>
								</li>
							</ol>
							<div id="commentform">
								<h3 id="respond">在这添加你的留言！</h3>
								<form action="#" method="post">
									<dir id="editor"></dir>
									<br>
									<p>
										<input id="id_article" name="article" type="hidden" value="1">
										<input name="submit" type="submit" id="submit" tabindex="5" value="提交" class="button" />
									</p>
								</form>
							</div>
						</div>

					</div>
				</ul>
			</div>
		</div>
		<div class="sidebar">
			<div class="zhuanti">
				<h2 class="hometitle">特别推荐</h2>
				<ul>
					<li> <i><img src="images/banner03.jpg"></i>
						<p>帝国cms调用方法 <span><a href="#">阅读</a></span> </p>
					</li>
					<li> <i><img src="images/b04.jpg"></i>
						<p>5.20 我想对你说 <span><a href="#">阅读</a></span></p>
					</li>
					<li> <i><img src="images/b05.jpg"></i>
						<p>个人博客，属于我的小世界！ <span><a href="#">阅读</a></span></p>
					</li>
				</ul>
			</div>
			<div class="tuijian">
				<h2 class="hometitle">推荐文章</h2>
				<ul class="tjpic">
					<i><img src="images/toppic01.jpg"></i>
					<p><a href="#">别让这些闹心的套路，毁了你的网页设计</a></p>
				</ul>
				<ul class="sidenews">
					<li> <i><img src="images/toppic01.jpg"></i>
						<p><a href="#">别让这些闹心的套路，毁了你的网页设计</a></p>
						<span>2018-05-13</span>
					</li>
					<li> <i><img src="images/toppic02.jpg"></i>
						<p><a href="#">给我模板PSD源文件，我给你设计HTML！</a></p>
						<span>2018-05-13</span>
					</li>
					<li> <i><img src="images/v1.jpg"></i>
						<p><a href="#">别让这些闹心的套路，毁了你的网页设计</a></p>
						<span>2018-05-13</span>
					</li>
					<li> <i><img src="images/v2.jpg"></i>
						<p><a href="#">给我模板PSD源文件，我给你设计HTML！</a></p>
						<span>2018-05-13</span>
					</li>
				</ul>
			</div>
			<div class="tuijian">
				<h2 class="hometitle">点击排行</h2>
				<ul class="tjpic">
					<i><img src="images/toppic01.jpg"></i>
					<p><a href="#">别让这些闹心的套路，毁了你的网页设计</a></p>
				</ul>
				<ul class="sidenews">
					<li> <i><img src="images/toppic01.jpg"></i>
						<p><a href="#">别让这些闹心的套路</a></p>
						<span>2018-05-13</span>
					</li>
					<li> <i><img src="images/toppic02.jpg"></i>
						<p><a href="#">给我模板PSD源文件，我给你设计HTML！</a></p>
						<span>2018-05-13</span>
					</li>
					<li> <i><img src="images/v1.jpg"></i>
						<p><a href="#">别让这些闹心的套路，毁了你的网页设计</a></p>
						<span>2018-05-13</span>
					</li>
					<li> <i><img src="images/v2.jpg"></i>
						<p><a href="#">给我模板PSD源文件，我给你设计HTML！</a></p>
						<span>2018-05-13</span>
					</li>
				</ul>
			</div>
			<div class="cloud">
				<h2 class="hometitle">标签云</h2>
				<ul>
					<a href="#">陌上花开</a> <a href="#">校园生活</a> <a href="#">html5</a> <a href="#">SumSung</a> <a href="#">青春</a> <a href="#">温暖</a>
					<a href="#">阳光</a> <a href="#">三星</a><a href="#">索尼</a> <a href="#">华维荣耀</a> <a href="#">三星</a>
					<a href="#">索尼</a>
				</ul>
			</div>
			<div class="guanzhu" id="follow-us">
				<h2 class="hometitle">关注我们 么么哒！</h2>
				<ul>
					<li class="sina"><a href="#" target="_blank"><span>微信公众号</span>达内</a></li>
					<li class="tencent"><a href="#" target="_blank"><span>微信咨询</span>XXX</a></li>
					<li class="qq"><a href="#" target="_blank"><span>QQ号</span>XXXXXX</a></li>
					<li class="email"><a href="#" target="_blank"><span>邮箱帐号</span>tedu.cn</a></li>
					<li class="wxgzh"><a href="#" target="_blank"><span>咨询电话</span>xxxxxxxxxxx</a></li>
				</ul>
			</div>
		</div>
	</article>
	<footer id="footer">
		<p>Design by <a href=# target="_blank">皮爷の博客</a> <a href="#">备XXXXXXXX号-1</a></p>
	</footer>
	<a href="#" class="cd-top">Top</a>
	<script>
		var E = window.wangEditor
		var editor = new E('#editor')
		// 或者 var editor = new E( document.getElementById('editor') )
		editor.customConfig.menus = [
			'head', // 标题
			'bold', // 粗体
			'fontSize', // 字号
			'fontName', // 字体
			'italic', // 斜体
			'underline', // 下划线
			'strikeThrough', // 删除线
			'foreColor', // 文字颜色
			'backColor', // 背景颜色
			'link', // 插入链接
			'list', // 列表
			'justify', // 对齐方式
			'quote', // 引用
			'emoticon', // 表情
			'image', // 插入图片
			'table', // 表格
			'video', // 插入视频
			'undo', // 撤销
			'redo' // 重复
		]
		editor.create()
	</script>
</body>

</html>